<template>
  <el-time-picker
    v-bind="item"
    v-model="model[item.prop]"
    :range-separator="item['range-separator'] || item.rangeSeparator || '至'"
    :start-placeholder="item['start-placeholder'] || item.startPlaceholder || '请选择开始时间'"
    :end-placeholder="item['end-placeholder'] || item.endPlaceholder || '请选择结束时间'"
    :placeholder="item.placeholder || '请选择' + item.label"
    v-on="item.events || {}"
    :clearable="item.clearable === false ? false : true"
  >
  </el-time-picker>
</template>

<script setup>
const props = defineProps({
  item: Object,
  model: Object
})
</script>
